<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品分类</title>
    <script src="../../js/flexible.js"></script>
    <link rel="stylesheet" href="../../css/common/base.css">
    <link rel="stylesheet" href="../../css/common/common.css">
    <link rel="stylesheet" href="../../css/cl/fenlei.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <a href="../zyj/首页.html">
            <img src="../../img/4商品列表/4_06.png" alt="">
        </a>
        <span>分类</span>
    </header>
    <!-- 搜索 -->
    <section class="sec_search">
        <div class="search">
            <img src="../../img/4商品列表/4_03.png" alt="">
            <input type="text" placeholder="寻找你喜欢的宝贝">
        </div>
    </section>
    <!-- main -->
    <section class="main">
        <!-- left热门推荐列表 -->
        <ul class="left_nav">
            <li>
                <a href="#">热门推荐</a>
            </li>
            <li>
                <a href="#">地&emsp;板</a>
            </li>
            <li>
                <a href="#">墙地砖</a>
            </li>
            <li>
                <a href="#">灯&emsp;饰</a>
            </li>
            <li>
                <a href="#">墙&emsp;漆</a>
            </li>
            <li>
                <a href="#">整体浴室</a>
            </li>
            <li>
                <a href="#">墙&emsp;纸</a>
            </li>
            <li>
                <a href="#">卫&emsp;浴</a>
            </li>
            <li>
                <a href="#">家&emsp;具</a>
            </li>
        </ul>
        <div class="right_main">
            <img src="../../img/13商品分类/13_03.png" alt="">
            <ul>
                <li>
                    <a href="#" class="goods">
                        <img src="../../img/13商品分类/13_07.png" alt="">
                        <span>吸顶灯</span>
                    </a>
                </li>
                <li>
                    <a href="#" class="goods">
                        <img src="../../img/13商品分类/13_07.png" alt="">
                        <span>吸顶灯</span>
                    </a>
                </li>
                <li>
                    <a href="#" class="goods">
                        <img src="../../img/13商品分类/13_07.png" alt="">
                        <span>吸顶灯</span>
                    </a>
                </li>
                <li>
                    <a href="#" class="goods">
                        <img src="../../img/13商品分类/13_07.png" alt="">
                        <span>吸顶灯</span>
                    </a>
                </li>
                <li>
                    <a href="#" class="goods">
                        <img src="../../img/13商品分类/13_07.png" alt="">
                        <span>吸顶灯</span>
                    </a>
                </li>
                <li>
                    <a href="#" class="goods">
                        <img src="../../img/13商品分类/13_07.png" alt="">
                        <span>吸顶灯</span>
                    </a>
                </li>
                <li>
                    <a href="#" class="goods">
                        <img src="../../img/13商品分类/13_07.png" alt="">
                        <span>吸顶灯</span>
                    </a>
                </li>
                <li>
                    <a href="#" class="goods">
                        <img src="../../img/13商品分类/13_07.png" alt="">
                        <span>吸顶灯</span>
                    </a>
                </li>
                <li>
                    <a href="#" class="goods">
                        <img src="../../img/13商品分类/13_07.png" alt="">
                        <span>吸顶灯</span>
                    </a>
                </li>
            </ul>

            <!-- 增加高度 -->
            <div style="height: 1000px;"></div>
        </div>
    </section>
    

    <!-- 底部 -->
    <footer>
        <ul>
            <li class="footer_li">
                <a href="../zyj/首页.html">
                    <img src="../../img/2首页/首页_75.png" alt="">
                    <span>首页</span>
                </a>
            </li>
            <li class="footer_li">
                <a href="../cl/cl_fenlei.html">
                    <img src="../../img/2首页/首页_77.png" alt="">
                    <span>分类</span>
                </a>
            </li>
            <li class="footer_li">
                <a href="../wzy/html/bang10.html">
                    <span class="wyzx">我要装修</span>
                </a>
            </li>
            <li class="footer_li">
                <a href="../wj/17购物车-吴静.html">
                    <img src="../../img/2首页/首页_72.png" alt="">
                    <span>购物车</span>
                </a>
            </li>
            <li class="footer_li">
                <a href="../zyj/我的.html">
                    <img src="../../img/2首页/首页_80.png" alt="">
                    <span>我的</span>
                </a>
            </li>
        </ul>
    </footer>

    <!-- <div style="height: 1000px;"></div> -->
    
</body>
</html>